
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>.:: Cursultoria Mapa Gerencial::.</title>
    
    <!-- Kit IU (Estilos e Fontes) -->
   <script type="text/javascript" src="<?= site_url() ?>assets/ivan/js/jquery.js"></script>
        <link rel="stylesheet" type="text/css" href="<?= site_url() ?>assets/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="<?= site_url() ?>assets/locastyle.css">
        <script type="text/javascript" src="<?= site_url() ?>assets/locastyle.js"></script>
        <script type="text/javascript" src="<?= site_url() ?>assets/bootstrap.js"></script>  
    
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700' rel='stylesheet' type='text/css'>
    <style>
            @media screen{
            .printable{display: none;}
            
            
            }
            @media print{
                .box{border: 1px solid grey !important}
                .printable { text-align: center; border: 2px solid blue; padding: 10px 0}
                #header,.logo,.breadcrumb,.boxFiltro,.dif{display: none;}
                .tableList{display: block}
                .noPadding{margin-top:0px}
                
        
            }
        </style>
        <script>
            $(document).ready(function(){
                $(".tab-pane:not(.no-ajax)").each(function(){
                    var url= "<?= base_url()?>aluno/getMapa/"+$(this).attr('codigo');
                    //alert(url);
                    $(this).load(url);
                })
            })
        </script>
</head>

<body class="colorLightBlue">
    <div class="printable"><img src="<?= site_url() ?>assets/img/logo_painel/cursultoria.png" ></div>
        <header id="header" role="banner">           
            <div class="limit">                
                <h1 class="logo serviceName"><a href="<?=  base_url()?>"><img src="<?= site_url() ?>assets/img/logo_painel/cursultoria.png" ></a></h1>
<!--        <div class="infoLogin">
          Acessando com Identificador
          <div class="btn-group">
            <a href="#" class="identNumber dropdown-toggle" tabindex="2" data-toggle="dropdown">28424</a>
            <div class="listIdent dropdown-menu">
              <ul>
                <li>
                  <strong><a href="/accounts/1/change" tabindex="2">28424</a> </strong>
                  <span>Gateway 01</span>
                </li>
                <li>
                  <strong><a href="/accounts/2/change" tabindex="2">/accounts/2/change</a> </strong>
                  <span>teste</span>
                </li>
              </ul>
              <a href="/accounts" class="lnkArrow" tabindex="2">Ver todas</a>
            </div>
          </div>
          <span class="accountName">Nome da conta: <strong>Gateway 01</strong></span>
        </div>-->
      </div>
    <menu id="menuPrincipal" role="navigation">
        <ul>
            <li ><a href="<?=  base_url();?>" class="ico-user" tabindex="2" role="menuitem">Área do Aluno</a></li>
          <li><a href="<?php echo base_url()?>projetos" tabindex="2" role="menuitem">Meus Cursos</a></li>
          <li class="selected"><a href="#" tabindex="2" role="menuitem">Mapa Gerencial</a></li>
          <li><a href="<?= base_url()?>aluno/material" tabindex="2" role="menuitem">Material</a></li>
           <li class="btMenu"><a href="<?= base_url()?>aluno/logout" tabindex="2" role="menuitem">Sair</a></li>
         <!--   <li class="btMenu"><a href="#" tabindex="2" role="menuitem">Configurações</a></li>-->
        </ul>
      </menu>
    </header>
    <!-- Fim Header -->
    
    <div id="main">
    <div class="limit">

<!--        <div class="alert alert-notification" id="notificacaoId" role="alert">
          <strong>Informação!</strong> Uma informação qualquer do seu sistema. <a href="#">Um link qualquer</a> 1.
          <a href="#" class="lnkNoShow" data-target="#notificacaoId">Não exibir novamente</a>
        </div>-->
        
        <ul class="breadcrumb">
            <li><a href="<?=  base_url()?>">Página inicial</a></li>
          <li>Mapa Gerencial</li>
        </ul>
        
        <div class="noPadding">
            <h2>Mapa Gerencial</h2>
            <p class="alert" style="margin-top:10px;">Esta área serve para uma ampla visualização das disciplinas e ciclos estudados até o momento.<br> Separado por projetos</p>
                        

            <ul class="tabs" role="tablist">
                
                <?php 
                $active="active";
                
                if ($projetos){
                foreach ($projetos as $projeto) { ?>
                    <li class="<?=$active?>"><a href="#cod_<?= $projeto['COD_PROJETO']?>" data-toggle="tab" tabindex="3" role="tab" aria-selected="true"><b><?= $projeto['NOME']?></b></a></li>
                    
                <?php 
                $active="";
                } 
                
                }else{
                    echo "<li class='active'><a href='#vazio' data-toggle='tab' tabindex='3' role='tab' aria-selected='true'><b>Entre em um projeto</b></a></li>";
                }
                
                ?>
<!--                <li class="active"><a href="#tabs1" data-toggle="tab" tabindex="3" role="tab" aria-selected="true"><b>Área Fiscal (Auditor) - Opção Língua Inglesa</b></a></li>
                <li class=""><a href="#tabs2" data-toggle="tab" tabindex="3" role="tab" aria-selected="true"><b>Área Fiscal (Auditor) - Opção Língua Espanhola</b></a></li>-->

                
                
                
            </ul>

            <!-- Código do conteúdo das tabs -->
            <div class="tab-content" style="overflow:hidden;">
                <?php 
                $active="active";
               
                if($projetos){
                    foreach ($projetos as $projeto) { ?>
                    <div class="tab-pane <?=$active?>" codigo ="<?= $projeto['COD_PROJETO']?>" id="cod_<?= $projeto['COD_PROJETO']?>" style="overflow-x: scroll;">
                        <?= $projeto['NOME']?>
                    </div>

                    <?php 
                    $active="";
                    }
                }else{ ?>
                     <div class="tab-pane active no-ajax"  id="vazio" style="overflow-x: scroll;">
                         Primeiro entre em um projeto para visualizar seu Mapa gerencial.<br><br>
                         <a href="<?php echo base_url()?>projetos" tabindex="2" role="menuitem" class="btn btn-default">Clique aqui</a> para entrar em meus cursos
                     </div>
                <?php }
                ?>
<!--                <div class="tab-pane active" id="cod_1" style="overflow-x: scroll;">
                    
                    <table class="tableList" style="width:auto">
                        <thead>
                            <tr>
                                <th class="txtLeft dataDescending" style="width:110px;"><a href="#">Disciplina</a></th>
                                <th class="dataAscending" style="width:250px;"><a href="#">Total</a></th>
                                <th style="width:100px;">Ciclo 1</th>
                                <th style="width:100px;">Ciclo 2</th>
                                <th style="width:100px;">Ciclo 3</th>
                                <th style="width:100px;">Ciclo 4</th>
                                <th style="width:100px;">Ciclo 5</th>
                                <th style="width:100px;">Ciclo 6</th>
                                <th style="width:100px;">Ciclo 7</th>
                                <th style="width:100px;">Ciclo 8</th>
                                <th style="width:100px;">Ciclo 9</th>
                                <th style="width:100px;">Ciclo 10</th>
                                <th style="width:100px;">Ciclo 11</th>
                                <th style="width:100px;">Ciclo 12</th>
                                <th style="width:100px;">Ciclo 13</th>
                                <th style="width:100px;">Ciclo 14</th>
                            </tr>
                        </thead>
                    
                        <tbody>
                                                        <tr class="success">
                                <td class="txtLeft">Administração Pública</td>           
                                <td class="txtLeft">Exercícios sobre Orçamento Público</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                
                            </tr>
                            <tr class="success">
                                <td class="txtLeft">Administração Pública</td>           
                                <td class="txtLeft">Exercícios sobre Orçamento Público</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                
                            </tr>
                            <tr class="success">
                                <td class="txtLeft">Administração Pública</td>           
                                <td class="txtLeft">Exercícios sobre Orçamento Público</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                <td>2h e 40min</td>
                                <td>1h e 40min</td>
                                <td>4h e 15min</td>
                                <td>1h e 35min</td>
                                
                            </tr>
                                                    </tbody>
                    </table>
                    
                    <h4>Total de Horas estudas no projeto: <b>2h 30min</b></h4>
                    
                </div>
                
                <div class="tab-pane" id="cod_4">Conteúdo Tab 2</div>
                <div class="tab-pane" id="tabs3">Conteúdo Tab 3</div>-->
            </div>

            
            <div class="boxFiltro">
                
                <a class="btn ico-print" href="#" tabindex="3">Imprimir</a>
                <a class="btn ico-left-open-1" href="#" tabindex="3">Voltar</a>
                
            </div>
            
            
        </div>
        
    
    </div><!-- FIM LIMITE -->

    
    <!-- Rodapé -->
    <?php $this->load->view('central/rodape') ?>

</body>
</html>



